<div>
    <div data-type="workorder">
        <div id="workorder_div">
            <form class="bs-example form-horizontal xs-form" id="query_form">
                <div class="form-group">
                    <h1 style="text-align:center;">人员转单</h1>
                </div>
                <div class="panel panel-default animated fadeInRight" id="step1">
                    <div class="panel-body no-tb-padder">
                        <div class="form-group">
                            <h4 style="text-align:center;">基本信息</h4>
                        </div>
                        <div class="form-group mb20">
                            <div class="col-lg-11">
                                <label class="col-lg-2 control-label tr required">姓名：</label>
                                <div class="col-lg-2 tl">
                                    <input type="text" class="form-control input-sm" validate="required" data-id="userFullName"/>
                                </div>
                                <label class="col-lg-2 control-label tr required">用户名：</label>
                                <div class="col-lg-2 tl">
                                    <input type="text" class="form-control input-sm" validate="required" data-id="userName"/>
                                </div>
                                <label class="col-lg-2 control-label tr required">转单日期：</label>
                                <div class="col-lg-2 tl">
                                    <div class="input-group w-all">
                                        <input type="text" class="form-control input-sm" data-type="date"
                                               container="body" validate="required" data-id="transferDate">
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-1"></div>
                        </div>
                        <div class="form-group mb20">
                            <label class="col-lg-2 control-label tr required">转单类型：</label>
                            <div class="col-lg-8 radio" selfAttr="transferType">
                                <label class="i-checks">
                                    <input type="radio" value="0" name="transferType" data-id="transferType" checked>
                                    <i></i>
                                    入职
                                </label>
                                <label class="i-checks ml20" >
                                    <input type="radio" value="1" name="transferType">
                                    <i></i>
                                    部门变更
                                </label>
                                <label class="i-checks ml20" >
                                    <input type="radio" value="2" name="transferType">
                                    <i></i>
                                    密级变更
                                </label>
                                <label class="i-checks ml20" >
                                    <input type="radio" value="3" name="transferType">
                                    <i></i>
                                    离职
                                </label>
                            </div>
                        </div>
                        <div selfAttr="typeForm">
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!--其他步骤-->
        <div class="hidden" id="hidden_steps">
            <div selfAttr="transferType0">
                <div class="form-group mb20">
                    <label class="col-lg-2 control-label tr">身份证号：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" data-id="inIDCardNo0"/>
                    </div>
                    <label class="col-lg-2 control-label tr">手机号：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" data-id="inUserPhone0"/>
                    </div>
                </div>
                <div class="form-group mb20">
                    <label class="col-lg-2 control-label tr required">调入单位：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" validate="required" data-id="inDepartId0"/>
                        <!--<div id="inDepartId0" class="inputdrop" required>

                        </div>-->
                    </div>
                    <label class="col-lg-2 control-label tr required">密级：</label>
                    <div class="col-lg-3 radio">
                        <label class="i-checks">
                            <input type="radio" value="0" name="secureLevel0" data-id="secureLevel0" checked>
                            <i></i>
                            非涉密
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="1" name="secureLevel0">
                            <i></i>
                            一般
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="2" name="secureLevel0">
                            <i></i>
                            重要
                        </label>
                    </div>
                </div>
                <div class="form-group mb20">
                    <label class="col-lg-2 control-label tr">职务：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" data-id="userPost0"/>
                       <!-- <div id="userPost0" class="inputdrop">
                        </div>-->
                    </div>
                </div>
            </div>
            <div selfAttr="transferType1">
                <div class="form-group mb20">
                    <label class="col-lg-2 control-label tr required">调出单位：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" validate="required" data-id="outDepartId1"/>
                       <!-- <div id="outDepartId1" class="inputdrop" required>
                        </div>-->
                    </div>
                    <label class="col-lg-2 control-label tr required">调入单位：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" validate="required" data-id="inDepartId1"/>
                        <!--<div id="inDepartId1" class="inputdrop" required>
                        </div>-->
                    </div>
                </div>
                <div class="form-group mb20">
                    <label class="col-lg-2 control-label tr">原密级：</label>
                    <div class="col-lg-3 radio">
                        <label class="i-checks">
                            <input type="radio" value="0" name="oldSecureLevel1" data-id="oldSecureLevel1">
                            <i></i>
                            非涉密
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="1" name="oldSecureLevel1">
                            <i></i>
                            一般
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="2" name="oldSecureLevel1">
                            <i></i>
                            重要
                        </label>
                    </div>
                    <label class="col-lg-2 control-label tr">密级：</label>
                    <div class="col-lg-3 radio">
                        <label class="i-checks">
                            <input type="radio" value="0" name="secureLevel1" data-id="secureLevel1">
                            <i></i>
                            非涉密
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="1" name="secureLevel1">
                            <i></i>
                            一般
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="2" name="secureLevel1">
                            <i></i>
                            重要
                        </label>
                    </div>
                </div>
                <div class="form-group mb20">
                    <label class="col-lg-2 control-label tr">原职务：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" data-id="oldUserPost1"/>
                        <!--<div id="oldUserPost1" class="inputdrop">
                        </div>-->
                    </div>
                    <label class="col-lg-2 control-label tr">职务：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" data-id="userPost1"/>
                        <!--<div id="userPost1" class="inputdrop">
                        </div>-->
                    </div>
                </div>
            </div>
            <div selfAttr="transferType2">
                <div class="form-group mb20">
                    <label class="col-lg-2 control-label tr required">原密级：</label>
                    <div class="col-lg-3 radio">
                        <label class="i-checks">
                            <input type="radio" value="0" name="oldSecureLevel2" data-id="oldSecureLevel2" checked>
                            <i></i>
                            非涉密
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="1" name="oldSecureLevel2">
                            <i></i>
                            一般
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="2" name="oldSecureLevel2">
                            <i></i>
                            重要
                        </label>
                    </div>
                    <label class="col-lg-2 control-label tr required">现密级：</label>
                    <div class="col-lg-3 radio">
                        <label class="i-checks">
                            <input type="radio" value="0" name="secureLevel2" data-id="secureLevel2" checked>
                            <i></i>
                            非涉密
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="1" name="secureLevel2">
                            <i></i>
                            一般
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="2" name="secureLevel2">
                            <i></i>
                            重要
                        </label>
                    </div>
                </div>
                <div class="form-group mb20">
                    <label class="col-lg-2 control-label tr">部门：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" data-id="inDepartId2"/>
                    </div>
                </div>
            </div>
            <div selfAttr="transferType3">
                <div class="form-group mb20">
                    <label class="col-lg-2 control-label tr required">调出单位：</label>
                    <div class="col-lg-3 tl">
                        <input type="text" class="form-control input-sm" validate="required" data-id="outDepartId3"/>
                        <!--<div id="outDepartId3" class="inputdrop" required>
                        </div>-->
                    </div>
                    <label class="col-lg-2 control-label tr">密级：</label>
                    <div class="col-lg-3 radio">
                        <label class="i-checks">
                            <input type="radio" value="0" name="secureLevel3" data-id="secureLevel3">
                            <i></i>
                            非涉密
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="1" name="secureLevel3">
                            <i></i>
                            一般
                        </label>
                        <label class="i-checks ml20" >
                            <input type="radio" value="2" name="secureLevel3">
                            <i></i>
                            重要
                        </label>
                    </div>
                </div>
            </div>
            <div class="panel panel-default animated fadeInRight" id="step2">
                <div class="panel-body no-tb-padder">
                    <div class="form-group">
                        <h4 style="text-align:center;">应用系统调整情况</h4>
                    </div>
                    <div selfAttr="list">
                    </div>
                </div>
            </div>
            <div selfAttr="step2_list_one">
                <div class="form-group mb20">
                    <label class="col-lg-3 control-label tr"></label>
                    <div class="col-lg-7 tl">
                        <input type="text" class="form-control input-sm"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            require(['js/plugin/workorder/workorder.js'] ,function (workorder) {
                var el_div = $("#workorder_div");
                $("#workorder_template").css({width:"1000px"});
                workorder.persontransfer.step_init(el_div.parent(),{actTmpId:"persontransfer_step1"},workorder);
                //提交按钮
                $("#submit_btn").unbind("click");
                $("#submit_btn").click(function () {
                    workorder.persontransfer.start_submit(el_div.parent(),workorder);//提交表单
                });
            });
        });
    </script>
</div>